import { reactive } from 'vue';
export default function useDialog() {
    // 定义弹框属性
// ref:定义简单、基础数据类型的响应式数据
// reactive:定义复杂、引用类型的数据响应式数据
const dialog=reactive({
    visible:false,
    title:"新增",
    width:600,
    height:200
})
// 弹框关闭事件
const onClose=()=>{
    dialog.visible=false;
}
// 弹框确定
const onConfirm=()=>{
    dialog.visible=false;
}
// 显示弹框
const onShow=()=>{
    dialog.visible=true;
}
return{
    // 返回给页面使用
    dialog,
    onClose,
    onConfirm,
    onShow
}
}